<template>
  <div>
    PortalVue2
    <portal to="destination" :disabled="false" >
      <p style="color: greenyellow;position: absolute;right: 10px;top: 300px">this is page2</p>
    </portal>
    <portal to="destination1" :disabled="false" :order="10">
      <p style="color: red">this is page2</p>
    </portal>
  </div>
</template>

<script>
  export default {
    name: "PortalVue2",
    model: {},
    props: {},
    data() {
      return {}
    },
    computed: {},
    beforeCreate: function () {

    },
    created: function () {

    },
    beforeMount: function () {

    },
    mounted: function () {

    },
    updated: function () {

    },
    activated: function () {

    },
    deactivated: function () {

    },
    beforeDestroy: function () {

    },
    destroyed: function () {

    },
    methods: {}
  }
</script>

<style scoped>

</style>
